<include file="Public/header" />
<script>
    $(document).ready(function() {
//        alert("开始");
    })

function choose() {
      //首先获得下拉框的节点对象；
         var select = document.getElementById("pro");

         var setvalue=$(" #choose ").val();
        //1.如何获得当前选中的值？：

        var value = select.value;
       //2.如何获得该下拉框所有的option的节点对象

         var options = select.options;
        //注意：得到的options是一个对象数组

        //3.如何获得第几个option的value值?比如我要获取第一option的value,可以这样：
             var value1 = options[0].value;
//             alert("ss"+value1);
        //4.如何获得第几个option的文本内容?比如我要获取第一option的文本,可以这样：
           var text1 = options[0].text;

         //5.如何获得当前选中的option的索引？
          var index = select.selectedIndex;

          //6.如何获得当前选中的option的文本内容？
         //从第2个问题，我们已经获得所有的option的对象数组options了
         //又从第5个问题，我们获取到了当前选中的option的索引值
          //所以我们只要同options[index]下标的方法得到当前选中的option了
        var selectedText = options[index].text;

    for (var i = 0; i < select.options.length; i++){
        if(options[i].text==setvalue){
            //设定要选择的值
            select.selectedIndex=i;
//            document.getElementById("test").value = val;
        }
        //删除没有值的选项,用是否是整数来判断
        if(options[i].value%1!=0){

           options.remove(i);
        }

    }











//        alert("choose begin");
}

//用ajax换一组select数据
function change() {
    $.ajax({
        type:"post",
        url:"",
        data:'change=1',
        datatype:"json",
        success:function(result,status){
            alert(result+status);
            $('#pro').html(result);

        }});
    }


</script>
<div style="text-align:center;margin:150px 0; font:normal 14px/24px 'MicroSoft YaHei';">
    <p>

        <select name="pro" id="pro">
            <option>--请选择省份--</option>
            <option value="1">昨天</option>
            <option value="1">今天</option>
            <option value="1">明天</option>
            <option value="1">后天</option>
        </select>
<br>
        <input type="text" value="" name="choose" id="choose">
        <button onclick="return choose()">设置</button>
        <br>
        <button onclick="return change()">用ajax换一组</button>


    </p>

</div>

<include file="Public/footer" />

